<template>
  <div class="building">
      <div class="right-panel">
        <BuildingPanel></BuildingPanel>
      </div>
      <div class="bottom-bg"></div>
  </div>
</template>

<script>
import BuildingPanel from './BuildingPanel'
export default {
  name: "Building",
  components: {
    BuildingPanel
  },
  data() {
    return {
    }
  },
}
</script>

<style scoped lang="scss">
  .building {
    position: relative;
    width: 100%;
    height: 100%;
    .right-panel {
      position: absolute;
      right: 0;
      z-index: 335;
    }
    .bottom-bg {
      width: 100%;
      height: vh(400);
      background: linear-gradient(0deg, rgba(27, 107, 236, 0.9) 0%, rgba(0, 12, 19, 0) 100%);
      position: absolute;
      bottom: 0;
    }
  }


</style>
